<template>
  <span class="value">{{ props.modelValue }}</span>
  <el-button @click="handleClick">click</el-button>
</template>

<script setup lang="ts">
const props = defineProps<{ modelValue: string }>()
const emits = defineEmits(['update:modelValue'])
const handleClick = () => {
  emits('update:modelValue', 'name')
}
</script>

<style scoped lang="scss">
.value {
  color: red;
}
</style>